<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link href="../css/common.css" rel="stylesheet">
<link href="../css/index.css" rel="stylesheet">
<link href="../css/baojing.css" rel="stylesheet">
<script src="../js/jquery-1.8.3.min.js"></script>
<link rel="stylesheet" href="../css/content.css" />
<script src="../laydate/laydate.js"></script>
<title>报警查询</title>

</head>

<body>

<div class="fanhuis">
        	<p><a href="#">车辆监控&nbsp;</a></p><p>&gt;&nbsp;</p><p><a href="#">车辆报警&nbsp;</a></p><p>&gt;&nbsp;</p><p><a href="#">报警查询&nbsp;</a></p>
        </div>
        <div class="chaxuns">
            <li><select><option>车型号</option><option>车型号</option></select></li>
            <li><select><option>车队</option><option>车队</option></select></li>
            <li><select><option>车辆选择</option><option>车辆选择</option></select></li>
            <li><select ><option>故障名称</option><option>故障名称</option></select></li>
            <li><input type="text" placeholder="开始时间" class="inline"  onClick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})" id="start"></li>
            <li><input type="text" placeholder="结束时间"  class="inline"  onClick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})" id="end"></li>
            <li><input type="button" value="查询" style="background:#22abd4; color:#ffffff; text-align:center; padding:0;" class="showdiv"></li>  
        </div>
		<div class="nkbiaoths">
    <li style="width:10%"><span>车牌号</span></li>
    <li style="width:8%"><span>车架号</span></li>
    <li style="width:8%"><span>车队</span></li>
    <li style="width:12%"><span>地点</span></li>
    <li style="width:19%"><span>报警时间</span></li>
    <li style="width:7%"><span>报警等级</span></li>
    <li style="width:10%"><span>故障码</span></li>
    <li style="width:10%"><span>故障名称</span></li>
    <li style="width:8%"><span>报警次数</span></li>
    <li style="width:8%"><span>处理</span></li>
</div>
<!--内容行-->
<div class="lies">
<ul>
    <li style="width:10%"><span>苏 D123456 </span></li>
    <li style="width:8%"><span>17 位 </span></li>
    <li style="width:8%"><span>第一支队 </span></li>
    <li style="width:12%"><span>潭洲市三里路</span></li>
    <li style="width:19%"><span>2016年10月24日14:47:46 </span></li>
    <li style="width:7%"><span>三级</span></li>
    <li style="width:9%"><span>332</span></li>
    <li style="width:10%"><span>SOC欠压</span></li>
    <li style="width:8%"><span>10</span></li>
    <li style="width:8%"><span>是/否</span></li>
</ul> 
<ul>
    <li style="width:10%"><span>苏 D123456 </span></li>
    <li style="width:8%"><span>17 位 </span></li>
    <li style="width:8%"><span>第一支队 </span></li>
    <li style="width:12%"><span>潭洲市三里路</span></li>
    <li style="width:19%"><span>2016年10月24日14:47:46 </span></li>
    <li style="width:7%"><span>三级</span></li>
    <li style="width:9%"><span>332</span></li>
    <li style="width:10%"><span>SOC欠压</span></li>
    <li style="width:8%"><span>10</span></li>
    <li style="width:8%"><span>是/否</span></li>
</ul>
<ul>
    <li style="width:10%"><span>苏 D123456 </span></li>
    <li style="width:8%"><span>17 位 </span></li>
    <li style="width:8%"><span>第一支队 </span></li>
    <li style="width:12%"><span>潭洲市三里路</span></li>
    <li style="width:19%"><span>2016年10月24日14:47:46 </span></li>
    <li style="width:7%"><span>三级</span></li>
    <li style="width:9%"><span>332</span></li>
    <li style="width:10%"><span>SOC欠压</span></li>
    <li style="width:8%"><span>10</span></li>
    <li style="width:8%"><span>是/否</span></li>
</ul>
<ul>
    <li style="width:10%"><span>苏 D123456 </span></li>
    <li style="width:8%"><span>17 位 </span></li>
    <li style="width:8%"><span>第一支队 </span></li>
    <li style="width:12%"><span>潭洲市三里路</span></li>
    <li style="width:19%"><span>2016年10月24日14:47:46 </span></li>
    <li style="width:7%"><span>三级</span></li>
    <li style="width:9%"><span>332</span></li>
    <li style="width:10%"><span>SOC欠压</span></li>
    <li style="width:8%"><span>10</span></li>
    <li style="width:8%"><span>是/否</span></li>
</ul>
<ul>
    <li style="width:10%"><span>苏 D123456 </span></li>
    <li style="width:8%"><span>17 位 </span></li>
    <li style="width:8%"><span>第一支队 </span></li>
    <li style="width:12%"><span>潭洲市三里路</span></li>
    <li style="width:19%"><span>2016年10月24日14:47:46 </span></li>
    <li style="width:7%"><span>三级</span></li>
    <li style="width:9%"><span>332</span></li>
    <li style="width:10%"><span>SOC欠压</span></li>
    <li style="width:8%"><span>10</span></li>
    <li style="width:8%"><span>是/否</span></li>
</ul>
<ul>
    <li style="width:10%"><span>苏 D123456 </span></li>
    <li style="width:8%"><span>17 位 </span></li>
    <li style="width:8%"><span>第一支队 </span></li>
    <li style="width:12%"><span>潭洲市三里路</span></li>
    <li style="width:19%"><span>2016年10月24日14:47:46 </span></li>
    <li style="width:7%"><span>三级</span></li>
    <li style="width:9%"><span>332</span></li>
    <li style="width:10%"><span>SOC欠压</span></li>
    <li style="width:8%"><span>10</span></li>
    <li style="width:8%"><span>是/否</span></li>
</ul> 

</div>
<!--分页-->
<div style="background:#06212e;">
<div class="fenye">
	
	<a href="#"><img src="../images/dingdanglxz.png"></a><a href="#"><img src="../images/dingdanglxyl.png"></a>
    <a href="#"><p>1</p></a><a href="#"><p>2</p></a><a href="#"><p>3</p></a><a href="#"><p>4</p></a>
    <a href="#"><img src="../images/dingdanglxzr.png"></a><a href="#"><img src="../images/dingdanglxy.png"></a>
    <span>共<strong>4</strong>页<strong>20</strong>条</span>
</div>
</div>


<!--查询弹框开始-->
	<div class="showbox">
		<div class="shang"><p>17位车架号<span>（所属单位：奇瑞汽车股份有限公司）</span></p><a class="close" href="#"><img src="../images/cha.png"></a></div>
		<div class="mainlist">
			<ul>
            	<li>车辆状态：启动</li>
                <li>模式：纯电</li>
                <li>注册时间：2016年10月26日</li>
            </ul>
            <ul>
            	<li>定位状态：有效</li>
                <li>方向：西南</li>
                <li>数据时间：2016年10月27日</li>
            </ul>
            <ul>
            	<li style="margin-right:25px;">GPS 车速：20KM/h</li>
                <li>位置：江苏省常州市钟楼区玉龙路星港路附近</li>
            </ul>
            <ul>
            	<li style="margin-right:10px;"><a href="jingtaixinxi.html">静态信息</a></li>
                <li style="margin-right:10px;"><a href="chelianggenzhong.html">车辆跟踪</a></li>
                <li style="margin-right:10px;"><a href="guijihuifang.html">轨迹回放</a></li>
                <li style="margin-right:10px;"><a href="shujuxiangqing.html">数据详情</a></li>
            </ul>
		</div>
	</div>	
  
<script type="text/javascript">
$(document).ready(function(){
	$(".showdiv").click(function(){
		var box =300;
		var th= $(window).scrollTop()+$(window).height()/1.6-box;
		var h =document.body.clientHeight;
		var rw =$(window).width()/2-box;
		$(".showbox").animate({top:th,opacity:'show',width:585,height:280,right:rw},500);
		$("#zhezhao").css({
			display:"block",height:$(document).height()
		});
		return false;
	});
	$(".showbox .close").click(function(){
		$(this).parents(".showbox").animate({top:0,opacity: 'hide',width:0,height:0,right:0},500);
		$("#zhezhao").css("display","none");
	});
});
</script>
<!--查询弹框结束-->

</body>
</html>
